    @charset "utf-8";
    body {
        padding-top: 12.9333vw;
        padding-bottom: 12vw;
        background-color: #e6e6e6;
    }
    
    a {
        text-decoration: none;
    }
    
    .header {
        overflow: hidden;
    }
    /* 搜索 */
    
    .topbar {
        padding: 0 4vw;
        padding: 2.4vw 4vw 1.6vw;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: url(../img/topbarbg.png)no-repeat;
        background-size: 100%;
        z-index: 5;
    }
    
    .topbar a {
        display: flex;
        align-items: center;
        flex-direction: column;
        color: #fff;
        font-size: 3.2vw;
    }
    /* 左侧 */
    
    .topbar-left .img {
        display: block;
        background-color: #fff;
        width: 4.8vw;
        height: 4.8vw;
    }
    
    .topbar-left span {
        margin-top: 0.8vw;
    }
    /* 搜索框 */
    
    .search {
        /* width: 62.9333vw; */
        height: 8.8vw;
        padding: 2.1333vw 10.6667vw 2.1333vw 2.1333vw;
        box-sizing: border-box;
        display: flex;
        text-align: center;
        line-height: 8.8vw;
        background-color: #fff;
        border-radius: 20vw;
    }
    
    .search .iconfont {
        line-height: initial;
        font-size: 4.5333vw;
        width: 4.5333vw;
        height: 4.5333vw;
        color: rgb(127, 127, 127);
    }
    
    .search input {
        border: none;
        outline: none;
        font-size: 3.4667vw;
    }
    /* 右侧 */
    
    .topbar-right .img {
        display: block;
        background-color: #fff;
        width: 4.8vw;
        height: 4.8vw;
    }
    
    .topbar-right span {
        margin-top: 0.8vw;
    }
    
    .topbar img {
        display: block;
        width: 8.2667vw;
        height: 8.1333vw;
    }
    /* 头部 */
    
    .header {
        padding: 1.8667vw 0 0;
        background: url(../img/headerbg2.png)no-repeat;
        background-size: 100%;
    }
    /* 推荐 */
    
    .recommend {
        margin-bottom: 5.0667vw;
        padding: 0 4vw;
        display: flex;
        align-items: center;
        font-size: 3.2vw;
    }
    
    .recommend span {
        margin: 0 0.8vw;
        white-space: nowrap;
        color: #fff;
    }
    
    .recommend .bg {
        padding: 0.5333vw 2.4vw;
        border-radius: 2.1333vw;
        background-color: #fa5c5c;
    }
    /* 轮播 */
    
    .banner {
        margin-bottom: 2.6667vw;
        padding: 0 4vw;
        position: relative;
        display: flex;
        z-index: 1;
    }
    /* 图片 */
    
    .banner-a {
        display: flex;
    }
    
    .banner-a img {
        display: block;
        border-radius: 2.9333vw;
        width: 92vw;
        height: 24.2667vw;
    }
    /* 圆圈组 */
    
    .banner .dots {
        position: absolute;
        bottom: 1.6vw;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
    }
    
    .banner .dot {
        margin: 0 0.9333vw;
        width: 1.3333vw;
        height: 1.3333vw;
        border-radius: 50%;
        opacity: .4;
        background-color: #fff;
    }
    
    .dots .active {
        opacity: 1;
        background-color: #ff4a68;
    }
    /* 应用部分 */
    
    .use {
        /* height: 51.7333vw; */
        margin-top: -11.7333vw;
        margin-right: 2.6667vw;
        margin-left: 2.6667vw;
        padding: 11.7333vw 0 1.8667vw 0;
        position: relative;
        display: flex;
        flex-direction: column;
        /* justify-content: end; */
        border-top-left-radius: 2.6667vw;
        border-top-right-radius: 2.6667vw;
        background-color: #fff;
        /* outline: 1px solid red; */
    }
    
    .use-top,
    .use-bottom {
        padding: 0 4vw;
        display: flex;
        justify-content: space-between;
    }
    
    .use-top a,
    .use-bottom a {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    
    .use-top img,
    .use-bottom img {
        display: block;
        width: 11.7333vw;
        height: 11.7333vw;
    }
    
    .use-top span,
    .use-bottom span {
        margin-top: 1.3333vw;
        margin-bottom: 2.9333vw;
        font-size: 3.2vw;
        color: #333;
    }
    
    .use .dots {
        padding: 0 4vw;
        position: absolute;
        bottom: 1.8667vw;
        left: 0;
        right: 0;
        display: flex;
        justify-content: center;
    }
    
    .use .dot {
        margin: 0 0.5333vw;
        width: 4vw;
        height: 1.0667vw;
        border-radius: 1.3333vw;
        background-color: #c5c5c5;
    }
    
    .use .dots .active {
        background: #f23a3a;
    }
    /* 主要内容 */
    
    .main {
        margin: 0.1333vw 2.6667vw 0;
    }
    /* 精选部分 */
    
    .sift {
        margin-bottom: 2.6667vw;
        height: 7.4667vw;
        line-height: 7.4667vw;
        /* outline: 1px solid red; */
        background-color: #fff;
    }
    
    .sift-text {
        display: flex;
        padding: 0 1.8667vw;
        justify-content: space-between;
        align-items: center;
    }
    
    .sift-text .headline {
        padding-left: 1.8667vw;
        box-sizing: border-box;
        font-size: 4vw;
        font-weight: 700;
        color: rgb(51, 51, 51);
    }
    
    .sift-text .headline .cr {
        color: rgb(242, 58, 58);
    }
    
    .sift-text .style {
        margin-left: 1.0667vw;
        height: 3.7333vw;
        line-height: 3.6vw;
        padding: 0.2667vw 1.3333vw;
        font-size: 3.2vw;
        color: #fff;
        border-radius: 2vw;
        background-color: #fa5c5c;
    }
    
    .sift-text p {
        width: 53.3333vw;
        margin: 0;
        padding: 0 2.6667vw 0 2.4vw;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 3.2vw;
        color: rgb(126, 126, 126);
    }
    
    .sift-text .vertical {
        padding-right: 1.0667vw;
        box-sizing: border-box;
        font-size: 3.2vw;
        font-size: rgb(126, 126, 126);
    }
    
    .sift-text .more {
        /* padding-right: 1.3333vw; */
        box-sizing: border-box;
        font-size: 3.2vw;
        color: rgb(51, 51, 51);
    }
    /* 周边特卖 */
    
    .sell {
        margin-bottom: 0.1333vw;
        height: 7.4667vw;
        line-height: 7.4667vw;
        background-color: #fff;
    }
    
    .sell-text {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .sell-text div {
        box-sizing: border-box;
        display: flex;
        align-items: center;
    }
    
    .sell-text strong {
        padding-left: 2.1333vw;
        margin-right: 3.4667vw;
        font-size: 4vw;
        color: #333;
    }
    
    .sell-text div .bg {
        width: 3.7333vw;
        height: 3.7333vw;
        line-height: 4vw;
        text-align: center;
        font-size: 3.2vw;
        color: #fffefe;
        background-color: #333333;
    }
    
    .sell-text div p {
        width: 40vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        flex-shrink: 1;
        margin: 0;
        box-sizing: border-box;
        padding-left: 1.3333vw;
        font-size: 3.2vw;
        color: #7e7e7e;
    }
    
    .sell-text .discounts {
        font-size: 3.2vw;
        color: #7e7e7e;
        padding-right: 1.0667vw;
        box-sizing: border-box;
    }
    /* 商品出售部分 */
    
    .sell-goods {
        margin-top: 0.2667vw;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
    }
    /* 左边部分、中间部分 */
    
    .goods-left,
    .goods-center {
        width: 26.6667vw;
        border-right: 0.1333vw solid #e6e6e6;
        /* height: 34.6667vw; */
        display: flex;
        /* justify-content: center; */
        align-items: center;
        flex-direction: column;
    }
    
    .goods-left strong,
    .goods-center strong {
        margin-bottom: 1.6vw;
        padding-top: 3.2vw;
        line-height: initial;
        width: 100%;
        display: flex;
        align-items: center;
    }
    
    .goods-left strong span,
    .goods-center strong span {
        /* margin-bottom: 1.3333vw; */
        font-size: 3.7333vw;
        color: #333333;
    }
    
    .goods-left strong img,
    .goods-center strong img {
        display: block;
        margin-right: 1.3333vw;
        margin-left: 1.3333vw;
        width: 3.4667vw;
        height: 3.4667vw;
    }
    
    .goods-left>span,
    .goods-center>span {
        /* padding-left: ;
    padding-right: ; */
        padding-bottom: 1.3333vw;
        font-size: 3.2vw;
        color: #333333;
    }
    
    .goods-left>img,
    .goods-center>img {
        display: block;
        width: 11.2vw;
        height: 15.2vw;
    }
    
    .goods-left a.btn,
    .goods-center a.btn {
        margin-top: 2.1333vw;
        margin-bottom: 1.6vw;
        padding: 0.4vw 0.8vw;
        width: 15vw;
        height: 3.7333vw;
        color: #fff;
        background-color: #f23a3a;
        border-radius: 1.6vw;
        font-size: 3.2vw;
    }
    /* 右边部分 */
    
    .goods-right {
        /* width: 100%; */
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-shrink: 1;
        justify-content: space-between;
    }
    /* 上、 下*/
    
    .goods-top,
    .goods-bottom {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: initial;
        flex-shrink: 0;
        width: 41.0667vw;
        height: 17.3333vw;
    }
    
    .goods-top img,
    .goods-bottom img {
        display: block;
        width: 15.4667vw;
        height: 11.2vw;
    }
    
    .goods-bottom {
        border-top: 0.1333vw solid #e6e6e6;
    }
    
    .goods-text {
        width: 100%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    
    .goods-text strong {
        /* margin-bottom: 1.6vw; */
        padding-top: 0.2vw;
        line-height: initial;
        width: 100%;
        display: flex;
        align-items: center;
    }
    
    .goods-text strong span {
        /* margin-bottom: 1.3333vw; */
        font-size: 3.7333vw;
        color: #333333;
    }
    
    .goods-text strong img {
        display: block;
        margin-right: 1.3333vw;
        margin-left: 1.3333vw;
        width: 3.4667vw;
        height: 3.4667vw;
    }
    
    .goods-text>span {
        /* padding-left: ;
    padding-right: ; */
        padding-bottom: 1.0667vw;
        font-size: 3.2vw;
        color: #333333;
    }
    
    .goods-text a.btn {
        /* margin-top: 2.1333vw;
    margin-bottom: 1.6vw; */
        text-align: center;
        line-height: 4vw;
        padding: 0.4vw 0.8vw;
        width: 15vw;
        height: 3.7333vw;
        color: #fff;
        background-color: #f23a3a;
        border-radius: 1.6vw;
        font-size: 3.2vw;
    }
    
    .goods-bottom .goods-text {
        margin-right: 5.1333vw;
    }
    /* 热门 */
    
    .boom {
        margin-top: 0.2667vw;
        padding-bottom: 4vw;
        display: flex;
        flex-direction: column;
        background-color: #fff;
    }
    
    .boom-title h3 {
        margin: 0;
        padding: 2vw 0;
        font-size: 3.4667vw;
        color: rgb(51, 51, 51);
        padding-left: 2.9333vw;
    }
    
    .boom-container {
        padding-top: 2.6667vw;
        padding-left: 5.3333vw;
        padding-right: 5.3333vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .boom-container a {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    /* 渐变字体样式 */
    
    .color {
        background-image: -webkit-linear-gradient(270deg, rgb(253, 154, 75), rgb(243, 79, 79));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    
    .boom-container .color {
        font-size: 3.4667vw;
        color: rgb(253, 154, 75);
        /* background-image: linear-gradient(270deg, rgb(253, 154, 75), rgb(243, 79, 79)); */
    }
    
    .boom-container a .small {
        margin-top: 1.0667vw;
        font-size: 2.9333vw;
        color: #808080;
    }
    /* 页脚部分 */
    
    .tapbar {
        height: 12vw;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0 2.6667vw;
        background-color: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .tapbar a {
        width: 20%;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    
    .tapbar a .iconfont {
        font-size: 4.5333vw;
        color: rgb(128, 128, 128);
    }
    
    .tapbar a span {
        font-size: 2.6667vw;
        color: rgb(128, 128, 128);
    }